<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<jsp:include page="WEB-INF/info.jsp"></jsp:include>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>杭州师范大学 开放课程平台—首页</title>
		<script type="text/javascript">
			$("#ads").ready(function(){
				setInterval(function(){
					var img = $("#ads");
					var imgName = img.attr("src");
					var num = parseInt(imgName.substring(10,11));
					//alert(num);
					num++;
					if(num >= 4){
						num = 1;
					}
					img.fadeOut();
					img.attr("src","images/ads" + num + ".jpg");
					img.fadeIn();
				},3000);
			});
		</script>
	</head>
	<body>
		<jsp:include page="header.jsp"></jsp:include>
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td colspan="2">
					<div class="current">
						<img src="images/house.png"/>当前位置：首页
					</div>
				</td>
			</tr>
			<tr>
				<td class="content-left">
				<div class="sidebar">
					<h3 class="sub-title"><a href="about.jsp">OCW入门</a></h3>
					<div class="item">
						<a href="about.jsp#no1">HZNU-OCW是什么？</a> 
						<a href="about.jsp#no2">要怎样注册才能使用HZNU-OCW？</a> 
						<a href="about.jsp#no3">我是否能得到认证证书？</a> 
						<a href="about.jsp#no4">教师要如何参与HZNU-OCW？</a>
						<a href="about.jsp#no5">HZNU-OCW会一直免费对所有人开放吗？</a>
						<a href="about.jsp#no6">我能够如何利用HZNU-OCW的教材？</a>
						<a href="about.jsp#no7">开放式课程的使用者必须符合什么要求？</a>
						<a href="about.jsp#no8">我要如何同HZNU-OCW某个教师联络？</a> </div>
					<h3 class="sub-title">
						<a href="courses.jsp">课程动态</a>
					</h3>
					<div class="item">
						<a href="course.jsp">媒体设计&nbsp;&nbsp;2010-03-01</a>
						<a href="courses.jsp">FL入门&nbsp;&nbsp;2010-01-19</a>
					</div>
					</div>
				</td>
				<td class="content-right">
					<img id="ads" src="images/ads1.jpg" height="180" width="727" style="margin-left:15px;" />
					<div class="show">
						<div class="main-teacher">
							<span class="title">优秀讲师</span>
							<a href="teachers.jsp"><img src="images/teacher1.jpg" width="85" height="100" style="float:left; margin-right:10px;" /></a>
							<p style="line-height:25px;">讲师：王坤明老师<br />性别：男<br />工作单位：杭州师范大学</p>
						</div>
						<div class="main-course">
							<span class="title">特色课程</span>
							<a href="course.jsp"><img src="images/course-cover.jpg" width="85" height="100" style="float:left; margin-right:10px;" /></a>
							<p style="line-height:25px;">讲师：诸彬<br />开课时间：2010-03-01<br />学习基础：Ps基础&nbsp;Fl基础</p>
						</div>
						<div class="announce">
							<span class="title">公告</span>
							<p>最新课程：<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;媒体设计</p>
							<p>最新动态：<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;媒体设计更新到第五节，欢迎大家继续学习！</p>
						</div>
					</div>
				</td>
			</tr>
		</table>
		<jsp:include page="footer.jsp"></jsp:include>
	</body>
</html>
